.page {
    & > .content-wrapper {
        position: relative;
        padding-top: $vertical-spacing;
    }

    .content-and-footnotes,
    .article-header,
    .site-subnavigation,
    .sticky-nav-container {
        @include content-wrapper;
        @include lg-up {
            max-width: $xlg;
        }
    }

    .content-and-footnotes {
        margin-top: 32px;
    }

    &.with-sidebar .content-and-footnotes {
        @include xxlg-up {
            max-width: min(calc(100vw - 384px), $xlg);
        }
    }

    @include sm-only {
        .site-subnavigation {
            padding-right: 0;
        }
    }

    &.with-sidebar {
        @include xxlg-down {
            @include md-up {
                .offset-header,
                .offset-content,
                .offset-subnavigation {
                    padding-left: $sidebar-closed-drawer-width;
                }
            }
        }
        @include xxlg-up {
            & > .content-wrapper {
                display: flex;
            }
            .offset-header,
            .offset-subnavigation {
                padding-left: ($sidebar-content-width + 2 * $padding-x-md);
            }
            .offset-content {
                flex: 1;
            }
        }
    }

    .subtitle {
        font-size: 1.1rem;
        margin-top: $vertical-spacing * 0.5;
        line-height: 1.3;
    }

    h1 {
        @include display-1-semibold;
    }

    .authors-byline {
        margin-right: 1rem;
        color: $secondary-text-color;

        a {
            color: inherit;

            &:hover {
                color: $accent-vermillion;
            }
        }
    }

    // Cite this research and other potential tools located at the top of entries
    .tools {
        margin-top: 1.5rem;
        color: $secondary-text-color;
        font-size: 0.875rem;
        > * {
            margin-right: 1rem;
        }

        a {
            color: inherit;
            text-decoration: underline;
            transition: all 0.2s;
            &:hover {
                color: $vermillion;
            }
        }

        svg {
            margin-right: 0.5rem;
        }
    }

    &.large-banner {
        .offset-subnavigation {
            position: relative;
            z-index: $zindex-extended-header;
        }
        .offset-header {
            background-color: $blue-10;
            position: relative;
            z-index: $zindex-extended-header;
        }

        .article-header {
            padding-top: 2 * $vertical-spacing;
            padding-bottom: 2 * $vertical-spacing;

            h1 {
                @include display-1-semibold;
                margin-top: 2rem;
                margin-bottom: 0;

                @include sm-only {
                    font-size: 32px;
                    margin-top: 0;
                }
            }
        }

        .authors-byline {
            font-size: 1.125rem;
        }
    }
}

.columns {
    display: flex;
    flex-direction: row;
    margin: 0 -1rem;

    .column {
        margin: 0 1rem 2rem;
        flex: 1;
    }

    @include sm-only {
        display: block;
    }
}
